<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="Edy Segura" />
<meta name="reply-to" content="edy@segura.pro.br" />
<meta name="description" content="Componente NumberFormat.js para formartar número" />
<title>Componente NumberFormat.js</title>

<!-- stylesheet -->
<link rel="stylesheet" href="css/style.css" type="text/css" title="Padrão" />

<!-- javascript -->
<script type="text/javascript" src="js/NumberFormat/NumberFormat.js"></script>
<script type="text/javascript" src="js/Index.js"></script>

</head>
<body>

<h1>Componente NumberFormat.js</h1>
<p>
	Componente javascript para formartar a saída do número. <br />
	Para mais detalhes veja o código fonte.
</p>
<p>
	Se preferir você pode fazer o <a href="http://files.edysegura.com/labs/NumberFormat.zip">download</a> 
	deste <a href="http://files.edysegura.com/labs/NumberFormat.zip">exemplo</a>.
</p>

<p>
	<label for="mask-1">Informe um número:</label>
	<input type="text" id="mask-1" value="" class="number" />
	<span class="example">9.999.999,99</span>
</p>

<p>
	<label for="mask-4">Informe um número:</label>
	<input type="text" id="mask-4" value="" class="number-2" />
	<span class="example">9,999,999.999</span>
</p>

<p>
	<label for="mask-5">Informe um número:</label>
	<input type="text" id="mask-5" value="" class="number-3" />
	<span class="example">9 999 999-9999</span>
</p>

<p>
	<label for="mask-3">Informe um número:</label>
	<input type="text" id="mask-3" value="" class="number-2" />
	<span class="example">9,999,999.999</span>
</p>

<p>
	<label for="mask-2">Informe um número:</label>
	<input type="text" id="mask-2" value="" class="number" />
	<span class="example">9.999.999,99</span>
</p>

<p>
	<label for="mask-6">Informe um número:</label>
	<input type="text" id="mask-6" value="" class="number-3" />
	<span class="example">9 999 999-9999</span>
</p>

<p>
	<label for="mask-7">Informe um número:</label>
	<input type="text" id="mask-7" value="" class="number-4" />
	<span class="example">9.999.999</span>
</p>

</body>
</html>
